<template>
  <div class="app-container">
    <el-input v-model="procInstId"></el-input>
    <el-button type="primary" size="mini" @click="handleProcImage">流程图</el-button>
    <el-dialog title="流程图" :visible.sync="dialog4ProcImage" width="60%">
      <TmptFlowImage ref="tmptFlowImage" :procInstId="procInstId" />
    </el-dialog>

  </div>
</template>

<script>
import TmptFlowImage from './tmpt-flow-image'

export default {
    name: 'TmptShowWfImg',
    components: {TmptFlowImage},
    data() {
        return {
            procInstId: undefined,
            dialog4ProcImage: false
        }
    },
    methods: {
        handleProcImage() {
            this.dialog4ProcImage = true
            this.procInstId = this.procInstId
        }
    }
}
</script>
